<template>
	<view class="fenlei">
		<image src="http://124.93.196.45:10001/prod-api/profile/upload/image/2022/03/14/4dcb2f42-839f-4081-af5f-2b58cc582b61.jpeg" style="width: 100%;"></image>
		<u-row gutter="1" justify="space-between">
			<u-col v-for="(item,index) in list" span="3" :key="index" @click="tojiesapo(item.name)">
				<u-button :text="item.name" :color="item.color"></u-button>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						name:'厨余垃圾',
						color:'#ffaa00'
					},
					{
						name:'其他垃圾',
						color:'black'
					},
					{
						name:'有害垃圾',
						color:'red'
					},
					{
						name:'可回收垃圾',
						color:'green'
					}
				]
			}
		},
		methods: {
			tojiesapo(name){
				uni.navigateTo({
					url:'/pages/serve/laji/lajifenlei/jiesao/jiesao?name='+name
				})
			}
		}
	}
</script>

<style>

</style>
